<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html">
    <!-- <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1"> -->
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <script src="../assets/flexible/flexible.debug.js"></script>
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <title>首页</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/haowu.css">
    <link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
</head>

<body>
    <header class="header">
        <div class="left">
            <h2>好物</h2>
        </div>
        <div class="right">
            <figure><img src="../images/seach.png" alt=""></figure>
            <figure><img src="../images/wei.png" alt=""></figure>
            <figure><img src="../images/jia.png" alt=""></figure>
        </div>
    </header>
    <section class="section">
        <section class="swiper">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <figure>
                            <img src="../images/img/ao.png" alt="">
                        </figure>

                    </div>
                    <div class="swiper-slide">
                        <figure>
                            <img src="../images/img/wu_5.png" alt="">
                        </figure>
                    </div>
                    <div class="swiper-slide">
                        <figure>
                            <img src="../images/img/wu_6.png" alt="">
                        </figure>
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination yuan"></div>
            </div>

        </section>
        <section class="list">
            <dl>
                <dt>
                    <img src="../images/img/wu_1.png" alt="">
                </dt>
                <dd>
                    <h2>选购指南</h2>
                    <p>从此告别选择困</p>
                </dd>
            </dl>
            <dl>
                <dt>
                    <img src="../images/img/wu_2.png" alt="">
                </dt>
                <dd>
                    <h2>新锐品牌</h2>
                    <p>你没买过的好设</p>
                </dd>
            </dl>
            <dl>
                <dt>
                    <img src="../images/img/wu_4.png" alt="">
                </dt>
                <dd>
                    <h2>好物分享</h2>
                    <p>总有你喜爱的好</p>
                </dd>
            </dl>
            <dl>
                <dt>
                    <img src="../images/img/wu_3.png" alt="">
                </dt>
                <dd>
                    <h2>消费众测</h2>
                    <p>抢先首发免费试</p>
                </dd>
            </dl>
        </section>
    </section>
    <section class="anli">

    </section>
    <section class="shang">
        <section class="lists">
            <div class="top">
                <figure>
                    <img src="../images/img/baobao.png" alt="">
                </figure>

                <p>好物分享</p>
            </div>
            <div class="xin">
                <figure>
                    <img src="../images/img/hao_7.png" alt="">
                </figure>
                <h2>【免费申请】西部数据个人云存 My Cloud Home 3TB</h2>
                <p>
                    <span>
                    <span>1621人已申请</span>
                    <span>数量：7</span>
                    </span>

                    <span>5天5小时51分钟截止</span>
                </p>
            </div>
        </section>
        <section class="lists">
            <div class="top">
                <figure>
                    <img src="../images/img/baobao.png" alt="">
                </figure>

                <p>好物分享</p>
            </div>
            <div class="xin">
                <figure>
                    <img src="../images/img/hao_8.png" alt="">
                </figure>
                <h2>光荣使命--腾讯首款百人战术竞技手游</h2>
                <p>
                    <span>
                    <span>0人已申请</span>
                    <span>数量：15</span>
                    </span>

                    <span>即将开始</span>
                </p>
            </div>
        </section>
        <section class="dl">
            <script type="text/html" id="tem">
                {{each list v}}

                <div class="dl_top">
                    <figure>
                        <img src="{{v.img}}" alt="">
                    </figure>

                    <p>{{v.p1}}</p>
                </div>
                <dl>
                    <dt>
                        <img src="{{v.img2}}" alt="">
                    </dt>
                    <dd>
                        <h2>{{v.h2}}</h2>
                        <span>{{v.span1}}</span>
                        <div class="fip">
                            <div class="pp">
                                <img src="{{v.img3}}" alt="">
                                <span>{{v.span2}}</span>
                            </div>

                            <span class="zan">
                                <figure>
                                    <img src="{{v.img4}}" alt="">
                                    <p>{{v.p2}}</p>
                                </figure>
                                <figure>
                                    <img src="{{v.img5}}" alt="">
                                    <p>{{v.p3}}</p>
                                 </figure>
                            </span>
                        </div>

                    </dd>

                </dl>
                {{/each}}
            </script>
        </section>
    </section>
    <footer class="footer">
            <a href="">
            <dl>
                <dt>
                    <img src="../images/shou1.png" alt="">
                </dt>
                <dd>
                    首页
                </dd>
            </dl></a>
            <a href="../html/haojia.html">
            <dl>
                <dt>
                    <img src="../images/haojia.png" alt="">
                </dt>
                <dd>
                    好价
                </dd>
            </dl></a>
            <a href="../html/haowu.html">
            <dl>
                <dt>
                    <img src="../images/haowu.png" alt="">
                </dt>
                <dd>
                    好物
                </dd>
            </dl></a>
            <a href="./haowen.html">
            <dl>
                <dt>
                    <img src="../images/haowen.png" alt="">
                </dt>
                <dd>
                    好文
                </dd>
            </dl></a>
            <a href="./wode.html">
            <dl>
                <dt>
                    <img src="../images/wode.png" alt="">
                </dt>
                <dd>
                    我的
                </dd>
            </dl>
        </a>
        </footer>
    <script src="../assets/jquery/jquery-3.2.1.js"></script>
    <script src='../assets/swiper/js/swiper.jquery.min.js'></script>
    <script src='../assets/artTemplate/template-web.js'></script>
    <script src="../js/haowu.js"></script>
</body>

</html>